草庐IT

Angular 库$开发

全部标签

javascript - 带有 es5 的 Angular 5

Angular4支持以下语法varHelloComponent=ng.coreComponent({selector:'hello-cmp',template:'HelloWorld!',viewProviders:[Service].Class({constructor:[Service,function(service){},`});在Angular5中,缺少类,目前任何人都可以为Angular5提供ES5语法我无法切换ES6,所以请避免使用该建议。如果切换到ES6是唯一的方法,那么我现在将坚持使用Angular4 最佳答案 您

javascript - Angular AOT : ERROR in ng component html file : Expected 0 arguments, 但得到 1

最初我在发布angular.net核心SPA应用程序时遇到以下错误:Can'tresolverxjs/operatorsinrelease\directives我已经通过将rxjs版本更新到5.6解决了这个问题。现在在发布应用程序时出现以下错误:WARNINGinEnvironmentPlugin-NODE_ENVenvironmentvariableisundefined.Youcanpassanobjectwithdefaultvaluestosuppressthiswarning.Seehttps://webpack.js.org/plugins/environment-plug

javascript - 以 Angular 6 重试 HTTP 请求

我使用拦截器根据每个请求的HTTP响应在显示屏上显示错误消息。intercept(request:HttpRequest,next:HttpHandler):Observable>{constcustomReq=request.clone({//headers:request.headers.set('app-language','en')});returnnext.handle(customReq).pipe(tap((ev:HttpEvent)=>{if(evinstanceofHttpResponse){//processingrequest}}),catchError(resp

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - 如何在所有 api 响应之前以 Angular 7 在页面加载中显示加载指示器?

我在一个页面中有5个API调用。一些api需要20秒才能给出响应。有些需要30秒才能做出回应。有些需要10秒,所以当第一个api给出响应时,第一个api将加载指示器设置为false。然后加载指示器消失。但其他api仍在工作我想显示加载指示器,直到五个api调用响应。你能给我一些完成任务的想法吗?代码:组件.tsloading=true;ngInit(){this.api1();this.api2();this.api3();this.api4();this.api5();}api1(){this.loading=true;this.apiService.api1.subscribe(r

javascript - 无法在 init 上使用 angular2-tree 选择树中的所有复选框

目标:我有一个名为“feeddata”的按钮,所以当我点击它时,数据将被加载我的意思是这里有复选框的树我的要求是当我点击它和数据时,所有的复选框都必须是检查初始化我尝试使用this.treeComp.treeModel.doForAll((node:TreeNode)=>node.setIsSelected(true));但它不工作下面是我的代码click(tree:TreeModel){this.arrayData=[];letresult:any={};letrs=[];console.log(tree.selectedLeafNodeIds);Object.keys(tree.s

javascript - 可以使用 Ruby on Rails 开发 google chrome 扩展吗?

我不确定为什么它告诉我这个问题是主观的。我在整个互联网上都看过,找不到答案。我知道谷歌浏览器扩展的内容脚本通常是用javascript编写的。这和Ruby之间有什么联系?我知道Rails是Ruby的Web开发框架。我只是在学习所有这些东西。 最佳答案 RubyonRails是Ruby语言的服务器端代码框架。Chrome扩展是用纯Javascript编写的。两人永远不会见面。您可能想使用CoffeeScript,它是一种类似Ruby的语言,已转换为Javascript。(我从未尝试在其中编写Chrome扩展程序,但我认为它会正常工作)

javascript - Chrome 开发者工具控制台 - 日志堆叠,如何查看重新记录的内容 [内部屏幕截图]?

我刚刚开始使用Chrome开发者工具中的控制台(一般来说对Javascript来说还是个新手)。我注意到,当我连续两次记录同一个变量(在本例中是一个对象)时,日志会堆叠它并在它旁边放置一个小数字图标。我点击这个以为我将能够看到该对象两次(因为它已经更新了两次),但是没有任何反应。更多说明图片:如您所见,Object下拉列表旁边的蓝色圆圈中有一个小“2”。第一个日志在3处有Object.num,第二个在4处,但是我只能看到第二个。任何关于如何查看两个日志的答案都将不胜感激。:). 最佳答案 发生这种情况是因为您两次记录同一个对象。即使

javascript - 如何使用来自 Ajax 请求的 json 数据生成高图(使用 angular js)

我的问题与链接HowtohandleHighchartseventsfromanAngularJSdirective?有关.如果我想从动态数据生成高图怎么办?我的图表对象定义/配置如下,图表:{类型:'酒吧'},系列:[{名称:'A,B,C,D',分数:[1,2,2,3]}],传奇:{启用:假我想从Ajax请求获得的json字符串中动态地提供相应的“名称”和“分数”数据,其形式为,[{"姓名":"A","得分":1},{"姓名":"B","得分":2}]如果我需要提供任何其他详细信息,请告诉我。非常感谢。重新构造问题:我想使用angularjs创建一个高图。我的javascript文件